<!--销售单详情-->
<template>
  <div class="app-container">
    <div class="app-nav">
      <i class="el-icon-back icons" @click="goBack"></i>
      <span class="hyName">返回</span>
    </div>
    <div style="overflow:hidden">
      <p class="zc" style="float:left;margin-right:20px">订单编号 </p>
      <div style="float:left;">
        <p>门店名称：{{orderId}}</p>
        <p>主营类目：{{payTime}}</p>
        <p>联系人：{{finishedTime}}</p>
        <p>联系电话：{{storeName}}</p>
        <p>发人：{{username}}</p>
      </div>
    </div>
    <div style="overflow:hidden">
      <p class="zc" style="float:left;margin-right:20px">门店信息 </p>
      <div style="float:left;">
        <p>营业执照：{{orderId}}</p>
        <p>门店照片：{{payTime}}</p>
        <p>发人身份证：{{finishedTime}}</p>
      </div>
    </div>
    <div style="overflow:hidden">
      <p class="zc" style="float:left;margin-right:20px">云镜信息</p>
      <div style="float:left;">
        <p>设备ID：{{account}}</p>
      </div>
    </div>
  </div>
</template>

<script>
import { infoList } from '@/api/members'
import PublicTable from '@/components/Tables/PublicTable'
import Pagination from '@/components/Pagination'
import { Basic } from '@/api/base'
export default {
  components: {
    PublicTable,
    Pagination,
    Basic
  },
  data() {
    return {
      createTime: '', // 注册时间
      level: '', // 会员等级
      nickname: '', // 会员名称
      source: '', // 来源渠道
      tagNameList: '', // 会员标签
      groupNameList: '' // 会员分组
    }
  },
  computed: {},
  mounted() {
    this.infoDetail()
  },
  methods: {
    goBack() { // 返回上一级
      this.$router.go(-1)
    },
    // 获取详情页面信息
    infoDetail() {
      const vm = this
      const params = {
        id: vm.$route.query.id
      }
      Basic.general('shop/info',params).then(res => {
        if (res.code === 200) {
          vm.tableData = res.goodsList
          vm.orderId = res.orderId
          vm.payTime = res.payTime
          vm.finishedTime = res.finishedTime
          vm.storeName = res.storeName
          vm.username = res.username
          vm.account = res.account
        }
      })
    },
    // 分页
    handlePageSize(val) {
      this.pageSize = val
      this.getTableData()
    },
    // 分页
    handlePageCurrent(val) {
      this.currentPage = val
      this.getTableData()
    }
  }
}
</script>
<style lang='scss' scoped>
::v-deep .app-nav {
  height: 66px;
  line-height: 66px;
  position: relative;
}
.icons {
  font-size: 20px;
}
.hyName {
  display: inline-block;
  margin-left: 15px;
  font-size: 20px;
}
.gmcs {
  float: right;
}
.zc {
  font-size: 16px;
  color: rgba(0, 0, 0, 0.65);
}
.xfze {
  position: absolute;
  right: 24px;
  top: 115px;
}
.shrxx {
  padding: 25px 0;
  font-size: 16px;
  position: relative;
  font-family: PingFangSC, PingFangSC-Regular;
}
hr{
  color: rgba(0, 0, 0, 0.85);
  position: absolute;
  left: 0px;
  top: 38px;
  width: 80px;
}
.shri{
  display: inline-block;
  height: 1px;
  background: red;
}
.hyfz{
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  width: 250px;
}
</style>
